<ui:composition 
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">

    

        <h3><i class="fa fa-car fa-lg"></i>Autos destacados</h3>
        <p:dataGrid id="contAutosDest" value="#{aplicationBean.destacadoAutos}" 
                    var="p" columns="6"  rows="6" layout="grid"
                    paginator="true" paginatorAlwaysVisible="false" paginatorPosition="top"
                    rendered="#{not empty aplicationBean.destacadoAutos}" >        

            <h:outputLink value="#{request.contextPath}/publicacion/#{p.id}">

                <div class="contAvisos"  >                

                    <h:panelGroup layout="block" rendered="#{p.estado eq 'C'}"  
                                  styleClass="estadoVUP"
                                  style="position: absolute; height: 100px; width: 98px; z-index: 99;"  />

                   <h:graphicImage value="#{aplicationBean.p.pathImagenes}#{p.imagenMiniatura}"  alt="Logo"
                                   rendered="#{not empty p.imagenMiniatura}" width="100%"  />
                   <h:graphicImage value="#{aplicationBean.p.pathImagenes}venta-simple-sin-imagenes.gif"  alt="Logo"
                                   rendered="#{empty p.imagenMiniatura}" width="100%"  />

                   <div class="tituloAviso">
                       <h:outputText value="#{p.titulo} " />
                   </div>  

                   <div class="precioPubHome">
                       #{p.moneda.signo}
                       <h:outputText value="#{p.precio}" >
                           <f:convertNumber maxFractionDigits="2" />                           
                       </h:outputText>   

                   </div>
                </div>                   

            </h:outputLink>   
        </p:dataGrid>    

        <h3><i class="fa fa-ship fa-lg"></i>NAutica destacados</h3>    
        <p:dataGrid value="#{aplicationBean.destacadoNautica}" 
                    var="p" columns="6" rows="6" layout="grid"  
                    paginator="true" paginatorAlwaysVisible="false" 
                    rendered="#{not empty aplicationBean.destacadoNautica}" >        

            <h:outputLink value="#{request.contextPath}/publicacion/#{p.id}">

                <div class="contAvisos "  >                
                    <h:panelGroup layout="block" rendered="#{p.estado eq 'C'}"  
                                  styleClass="estadoVUP"
                                  style="position: absolute; height: 100px; width: 100px; z-index: 99;"  />

                   <div class="contFoto "> 
                       <h:graphicImage value="#{aplicationBean.p.pathImagenes}#{p.imagenMiniatura}"  alt="Logo"
                                       rendered="#{not empty p.imagenMiniatura}" width="100%" height="97" />
                       <h:graphicImage value="#{aplicationBean.p.pathImagenes}venta-simple-sin-imagenes.gif"  alt="Logo"
                                       rendered="#{empty p.imagenMiniatura}" width="100%"  />
                   </div>                
                   <div class="contTexo" >

                       <div class="tituloAviso">
                           <h:outputText value="#{p.titulo} " />

                       </div>  

                       <div class="precioPubHome">
                           #{p.moneda.signo}
                           <h:outputText value="#{p.precio}" >
                               <f:convertNumber maxFractionDigits="2" />                           
                           </h:outputText>   

                       </div>

                   </div>
                </div>                   

            </h:outputLink>   
        </p:dataGrid>


        <h3><i class="fa fa-motorcycle fa-lg"></i>Motos destacadas</h3>
        <p:dataGrid value="#{aplicationBean.destacadoMotos}"
                    var="p" columns="6" rows="6" layout="grid"
                    paginator="true" paginatorAlwaysVisible="false" 
                    rendered="#{not empty aplicationBean.destacadoMotos}" >        

            <h:outputLink value="#{request.contextPath}/publicacion/#{p.id}">

                <div class="contAvisos "  >                
                    <h:panelGroup layout="block" rendered="#{p.estado eq 'C'}"  
                                  styleClass="estadoVUP"
                                  style="position: absolute; height: 100px; width: 100px; z-index: 99;"  />

                   <div class="contFoto "> 
                       <h:graphicImage value="#{aplicationBean.p.pathImagenes}#{p.imagenMiniatura}"  alt="Logo"
                                       rendered="#{not empty p.imagenMiniatura}" width="100%" height="97" />
                       <h:graphicImage value="#{aplicationBean.p.pathImagenes}venta-simple-sin-imagenes.gif"  alt="Logo"
                                       rendered="#{empty p.imagenMiniatura}" width="100%"  />
                   </div>                
                   <div class="contTexo" >

                       <div class="tituloAviso">
                           <h:outputText value="#{p.titulo} " />
                       </div>  

                       <div class="precioPubHome">
                           #{p.moneda.signo}
                           <h:outputText value="#{p.precio}" >
                               <f:convertNumber maxFractionDigits="2" />                           
                           </h:outputText>   

                       </div>

                   </div>
                </div>                   

            </h:outputLink>   
        </p:dataGrid>


        <h3><i class="fa fa-truck fa-lg"></i>Grandes transportes destacados</h3>
        <p:dataGrid value="#{aplicationBean.destacadoCamiones}" 
                    var="p"  columns="6"  rows="6" layout="grid"
                    paginator="true" paginatorAlwaysVisible="false" 
                    rendered="#{not empty aplicationBean.destacadoCamiones}"  >        

            <h:outputLink value="#{request.contextPath}/publicacion/#{p.id}">

                <div class="contAvisos "  >                
                    <h:panelGroup layout="block" rendered="#{p.estado eq 'C'}"  
                                  styleClass="estadoVUP"
                                  style="position: absolute; height: 100px; width: 100px; z-index: 99;"  />

                   <div class="contFoto "> 
                       <h:graphicImage value="#{aplicationBean.p.pathImagenes}#{p.imagenMiniatura}"  alt="Logo"
                                       rendered="#{not empty p.imagenMiniatura}" width="100%" height="97" />
                       <h:graphicImage value="#{aplicationBean.p.pathImagenes}venta-simple-sin-imagenes.gif"  alt="Logo"
                                       rendered="#{empty p.imagenMiniatura}" width="100%"  />
                   </div>                
                   <div class="contTexo" >

                       <div class="tituloAviso">
                           <h:outputText value="#{p.titulo} " />
                       </div>  

                       <div class="precioPubHome">
                           #{p.moneda.signo}
                           <h:outputText value="#{p.precio}" >
                               <f:convertNumber maxFractionDigits="2" />                           
                           </h:outputText>   

                       </div>

                   </div>
                </div>                   

            </h:outputLink>   
        </p:dataGrid>

        <h3><i class="fa fa-briefcase fa-lg"></i>Planes de Ahorro</h3>
        <p:dataGrid value="#{aplicationBean.destacadoPlanesAhorro}" 
                    var="p" columns="6" rows="6" layout="grid"                 
                    paginator="true" paginatorAlwaysVisible="false" 
                    rendered="#{not empty aplicationBean.destacadoPlanesAhorro}" >        

            <h:outputLink value="#{request.contextPath}/publicacion/#{p.id}">

                <div class="contAvisos "  >                
                    <h:panelGroup layout="block" rendered="#{p.estado eq 'C'}"  
                                  styleClass="estadoVUP"
                                  style="position: absolute; height: 100px; width: 100px; z-index: 99;"  />

                   <div class="contFoto "> 
                       <h:graphicImage value="#{aplicationBean.p.pathImagenes}#{p.imagenMiniatura}"  alt="Logo"
                                       rendered="#{not empty p.imagenMiniatura}" width="100%" height="97" />
                       <h:graphicImage value="#{aplicationBean.p.pathImagenes}venta-simple-sin-imagenes.gif"  alt="Logo"
                                       rendered="#{empty p.imagenMiniatura}" width="100%"  />
                   </div>                
                   <div class="contTexo" >

                       <div class="tituloAviso">
                           <h:outputText value="#{p.titulo} " />
                       </div>  

                       <div class="precioPubHome">
                           #{p.moneda.signo}
                           <h:outputText value="#{p.precio}" >
                               <f:convertNumber maxFractionDigits="2" />                           
                           </h:outputText>   

                       </div>                   
                   </div>
                </div>                  

            </h:outputLink>   
        </p:dataGrid>

</ui:composition>
